<!DOCTYPE html>
<html>
<head>
	<meta name="charset" content="UTF-8">
	<title>LPM &bull; Master Page</title>
	<link rel="shortcut icon" href="assets/images/favicon.ico" />
	<link type="text/css" href="assets/css/reset.css" rel="stylesheet" media="screen" charset="utf-8" />
	<link type="text/css" href="assets/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
	<link type="text/css" href="assets/css/jquery.terminal.css" rel="stylesheet" media="screen" title="Jquery Terminal" charset="utf-8" />
	<link type="text/css" href="assets/css/960.css" rel="stylesheet" media="screen" />
	<link type="text/css" href="assets/css/grid.css" rel="stylesheet" media="screen" />
	<link type="text/css" href="assets/css/styles.css" rel="stylesheet" media="screen" charset="utf-8" />
	<link type="text/css" href="assets/css/jqtransform.css" rel="stylesheet" media="screen" />
	<link type="text/css" href="assets/css/treeview.css" rel="stylesheet" media="screen" />
	<link type="text/css" href="assets/css/tache.css" rel="stylesheet" media="screen" />
	<link type='text/css' href='assets/css/osx.css' rel='stylesheet' media='screen' />
	<link rel="stylesheet" href="assets/css/colorpicker.css" type="text/css" />
	<link rel="stylesheet" href="assets/css/wall.css" media="screen" type="text/css"/> 
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <script type="text/javascript" src="assets/js/libs/jquery.terminal.min.js"></script>
	<script type="text/javascript" src="assets/js/libs/jquery.corner.js"></script>
	<script type="text/javascript" src="assets/js/libs/jquery.jqtransform.js"></script>
	<script type="text/javascript" src="assets/js/libs/jquery.simplemodal.js"></script>
	<script type="text/javascript" src="assets/js/libs/jquery.cookie.js"></script>
	<script type="text/javascript" src="assets/js/libs/jquery.treeview.js"></script>
	<script type="text/javascript" src="assets/js/libs/treeview.js"></script>
	<script type="text/javascript" src="assets/js/libs/jquery.hotkeys.js"></script>
	<script type="text/javascript" src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
	<script type="text/javascript" src="assets/js/libs/colorpicker.js"></script>
	<script type="text/javascript" src="assets/js/libs/eye.js"></script>
	<script type="text/javascript" src="assets/js/libs/utils.js"></script>
	<script type="text/javascript" src="assets/js/libs/layout.js"></script>
	<script type="text/javascript" src="assets/js/libs/osx.js"></script>
	<script type="text/javascript" src="assets/js/libs/director.min.js"></script>
	<script type="text/javascript" src="assets/js/libs/colorpicker.js"></script>
	<script type="text/javascript" src="assets/js/libs/eye.js"></script>
	<script type="text/javascript" src="assets/js/libs/utils.js"></script>
	<script type="text/javascript" src="assets/js/libs/layout.js"></script>
	<script type="text/javascript" src="assets/js/libs/treeview.js"></script>
	<script type="text/javascript" src="assets/js/libs/jquery.hotkeys.js"></script>
	<script type="text/javascript" src="assets/js/libs/datar.js"></script>
	<script type="text/javascript" src="assets/js/popup.js"></script>
	<script type="text/javascript" src="assets/js/consoleCommands.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap.js"></script>
	<script type="text/javascript" src="assets/js/user.js"></script>
	<script type="text/javascript" src="assets/js/wall.js"></script>
	<script type="text/javascript" src="assets/js/docdev.js"></script>
	<script type="text/javascript" src="assets/js/datatache.js"></script>
	<script type="text/javascript" src="assets/js/depot.js"></script>
</head>
<body>
	<div id="wrapper">
		<header>
			<div id="headerBanner"></div>
			<div id="headerTabs" class="ui-tabs">
				<ul class="ui-tabs-nav">
					<li>
						<a href="#headerTabTerminal"><img src="assets/images/monitor.png" />&nbsp;Terminal</a>
					</li>
					<li>
						<a href="#headerTabTasks"><img src="assets/images/table.png" />&nbsp;Tasks</a>
					</li>
					<li>
						<a href="#headerTabCollaborators"><img src="assets/images/user_suit.png" />&nbsp;Collaborators</a>
					</li>
					<li>
						<a href="#headerTabConsole">&nbsp;Console</a>
					</li>
				</ul>
				<div id="headerTabTerminal" class="ui-tabs-panel"></div>
				<div id="headerTabTasks" class="ui-tabs-panel">
					<p>My task list</p>
				</div>
				<div id="headerTabCollaborators" class="ui-tabs-panel">
					<p>My collaborator list</p>
				</div>
				<div id="headerTabConsole">
					<form class="jqtransform">
            			<div class="rowElem">
							<label> Font color :</label>
							<div id="colorSelector4"><div></div></div>
                		</div>
                		<div class="rowElem">
                			<label> Background color :</label>
                    		<div id="colorSelector3"><div></div></div>
                		</div>
					</form> 
				</div>
			</div>
		</header>
		<div id="contentWrapper"class="container_12">
			<div id="content"> 
				<section data-route="ressources">
					<p style="margin-top:15%">
						<center>
							<a title="Documentation Utilisateurs" href="index.html#/docuti">
								<img alt="Documentation Utilisateurs" src="assets/images/docuti.png"/>
							</a>
							<a title="Documentation Developpement" href="index.html#/docdev">
								<img alt="Documentation Developpement" src="assets/images/docdev.png"/>
							</a>
							<a title="Documentation Technique" href="index.html#/doctech" class="loadTech">
								<img alt="Documentation Technique" src="assets/images/doctech.png"/>
							</a>
						</center>
					</p>
				</section>
				<section data-route="docuti">
					<div id="bandeau">
						<center>
							<img alt="Documentation Utilisateurs" src="assets/images/docutimini.png"/ width="50%" height="50%">
						</center>
					</div>
					<ul class="itemuti">

					</ul>		
					<input id="browseuti" type="file" name="fichier_choisi"/>
					<input type="button" id="validateuti" value="Confirmer"/>					
				</section>
				<section data-route="doctech">
					<div id="bandeau">
						<center>
							<img alt="Documentation Utilisateurs" src="assets/images/doctechmini.png"/ width="50%" height="50%">
						</center>
					</div>
					<ul class="itemtech">

					</ul>	
					<input id="browsetech" type="file" name="fichier_choisi"/>
					<input type="button" id="validatetech" value="Confirmer"/>					
				</section>
				<section data-route="docdev">
					<div id="bandeau">
						<center>
							<img alt="Documentation Utilisateurs" src="assets/images/docdevmini.png"/ width="50%" height="50%">
						</center>
					</div>
					<ul class="itemdev">
					</ul>	
					<input id="browsedev" type="file" name="fichier_choisi"/>
					<input type="button" id="validatedev" value="Confirmer"/>					
				</section>
				<section data-route="taches">
					<div id="tache">
						<a href="#" class='osx'>
							<img src="assets/images/newtache.png">
						</a>

						<table id="listeTaches">
							<thead>
								<tr>
									<th>T&#226;che N&#186;</th>
									<th>R&#233;sum&#233; / Objet</th>
									<th>Statut</th>
									<th>Priorit&#233;</th>
									<th>% avancement</th>
									<th>Assign&#233;(s)</th>
									<th>Modifier</th>
									<th>Supprimer</th>
								</tr>
							</thead>
							<tbody class="tb">

							</tbody>
						</table>
					</div>

					<div id="osx-modal-content">
						<div id="osx-modal-title">Ajouter une t&acirc;che</div>
						<div class="close"><a href="#" class="simplemodal-close">x</a></div>
						<div id="osx-modal-data">
							<form id="taskadd" class="jqtransform" onsubmit="return false;">
								<p>
									<div class="rowElem"><label for="resume">Resume / Objet</label>
									<input id="resume" name="resume" value="" title="resume" tabindex="4" type="text" size="20"></div>
								</p>
								<p>
									<div class="rowElem"><label for="statut" size="20">Statut</label>
									<input id="statut" name="statut" value="" title="statut" tabindex="5" type="text" size="20"></div>
								</p>
								<p>
									<div class="rowElem"><label for="priorite" size="20">Priorite</label>
									<input id="priorite" name="priorite" value="" title="priorite" tabindex="5" type="text" size="20"></div>
								</p>
								<p>
									<div class="rowElem"><label for="avancement" size="20">Avancement</label>
									<input id="avancement" name="avancement" value="" title="avancement" tabindex="5" type="text" size="20"></div>
								</p>
								<p>
									<div class="rowElem"><label for="assigne" size="20">Assigne(s)</label>
									<input id="assigne" name="assigne" value="" title="assigne" tabindex="5" type="text" size="20"></div>
								</p>
								<p>
									<div class="rowElem"></div>
								</p>		
							</form>
							<input class="add" id="sauver" value="Valider" tabindex="6" type="submit">
						</div>
					</section>
					<section data-route="depot">
						<div id="tree"></div>
					</section>
					<section data-route="user,login">
						<form id="loginForm" method="GET" action="#">
							<div id="loginFormErrors">
								<p>Les erreurs suivantes se sont produites:</p>
								<ul id="loginFormErrorList"></ul>
							</div>
							<p>
								<label for="loginUserName">Nom d'utilisateur:&nbsp;</label>
								<input id="loginUserName" name="loginUserName" type="text" />
							</p>
							<p>
								<label for="loginUserPassword">Mot de passe:&nbsp;</label>
								<input id="loginUserPassword" name="loginUserPassword" type="password" />
							</p>
							<p>
								<input type="submit" value="Se connecter" />
								<span>| <a id="loginGoToRegistration" href="#" title="S'enregister">S'enregister</a></span>
							</p>
						</form>
					</section>
					<section data-route="user,logout">
						<p>
							<span>Merci d'avoir pass&eacute; du temps sur ce site.</span>
							<span><a id="logoutGoToLogin" href="#" title="Connexion">Se reconnecter?</a></span>
						</p>
					</section>
					<section data-route="user,register">
						<form id="registrationForm" method="GET" action="#">
							<div id="registrationFormErrors">
								<p>Les erreurs suivantes se sont produites:</p>
								<ul id="registrationFormErrorList"></ul>
							</div>
							<p>
								<label for="regUserName">Nom d'utilisateur:&nbsp;</label>
								<input id="regUserName" name="regUserName" type="text" />
							</p>
							<p>
								<label for="regUserPassword">Mot de passe:&nbsp;</label>
								<input id="regUserPassword" name="regUserPassword" type="password" />
							</p>
							<p>
								<input type="submit" value="S'enregistrer" />
								<span><a id="regGoTologin" href="#" title="Connexion">Retour &agrave; la page de connexion?</a></span>
							</p>
						</form>
					</section>
					<section data-route="home">
						<div id="wall" align="left">
							<form id="wallForm" method="post" name="form" action="">
								<table cellpadding="0" cellspacing="0" width="500px">
									<tr><td align="left"><div align="left"><h3>Publier un nouveau sujet:</h3></div></td></tr>
									<tr>
										<td style="padding:4px; padding-left:10px;" class="update_box">
											<textarea cols="30" rows="2" style="width:480px;font-size:14px; font-weight:bold" name="update_box_content" id="update_box_content" maxlength="145" ></textarea><br />
											<input type="submit"  value="Update"  id="v" name="submit" class="comment_button"/>
										</td>
									</tr>
								</table>
							</form>
						</div>
						<div style="height:7px"></div>
						<div id="flash" align="left"></div>
						<ol id="update" class="timeline"></ol>
					</section>
				</div>

				<div id="bouton1" class="grid_1">
					<a href="#">
						<img alt="Mur" src="assets/images/home.png" />
					</a>
				</div>
				<div id="bouton2" class="grid_1 prefix_10">
					<a href="#">
						<img alt="Tache" src="assets/images/tache.png" />
					</a>
				</div>
				<div id="bouton3" class="grid_1">
					<a href="#">
						<img alt="Code" src="assets/images/code.png" />
					</a>
				</div>
				<div id="bouton4" class="grid_1 prefix_10">
					<a href="#">
						<img alt="Depot" src="assets/images/depot.png" />
					</a>
				</div>
				<div class="clear"></div>
			</div>
			<footer>
				<p>
					<a href="http://validator.w3.org/check?uri=referer"><img src="assets/images/w3c_html5.png" /></a>
					<a href="#"><img src="assets/images/w3c_css3.png" /></a>
				</p>
			</footer>
		</div>
	</body>
</html>

